{% extends "bootstrap/base.html" %}

{% block title %}知乎{% endblock %}

{% block head %}
{{ moment.include_jquery() }}
{{ moment.include_moment() }}
{{ super() }}
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
<link rel="stylesheet" href="{{ url_for('static',filename='zhihu/z.629476d2.css') }}">
{% endblock %}

<body class="zhi page-explore">

{% block navbar %}
<div class="navbar" role="navigation">
    <div class="container">

<div role="navigation" class="zu-top" data-za-module="TopNavBar">
<div class="zg-wrap modal-shifting clearfix" id="zh-top-inner">
<a href="/" class="zu-top-link-logo" id="zh-top-link-logo" data-za-c="view_home" data-za-a="visit_home" data-za-l="top_navigation_zhihu_logo">知乎</a>

<div class="top-nav-profile dropdown">

{% if current_user.is_authenticated %}
<a href="" class="zu-top-nav-userinfo dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
<span class="name">
{{ current_user.username }}
</span>
<img class="Avatar" src="{{ current_user.gravatar(size=256) }}" srcset="https://pic3.zhimg.com/v2-43bf187931add86652b7fbcf1f6e5dea_xs.jpg 2x" alt="张昆" />

</a>
<ul class="top-nav-dropdown " aria-labelledby="dropdownMenu1">
<li role="presentation">
<a  role="menuitem" tabindex="-1" href="{{ url_for('main.user', id=current_user.id) }}">
<i class="zg-icon zg-icon-dd-home"></i>我的主页
</a>
</li>
{##}
{#<li role="presentation">#}
{#<a href="/inbox">#}
{#<i class="zg-icon zg-icon-dd-pm"></i>私信#}
{#<span id="zh-top-nav-pm-count" class="zu-top-nav-pm-count zg-noti-number"#}
{#style="visibility:hidden" data-count="0">#}
{##}
{#</span>#}
{#</a>#}
{#</li>#}
{#<li role="presentation">#}
{#<a href="/settings">#}
{#<i class="zg-icon zg-icon-dd-settings"></i>设置#}
{#</a>#}
{#</li>#}
<li role="presentation">
<a href="{{ url_for('auth.logout') }}">
<i class="zg-icon zg-icon-dd-logout"></i>退出
</a>
</li>
</ul>

        <!--判断条件中的变量 current_user 由 Flask-Login 定义，且在视图函数和模板中自动可用。-->
        <!--这个变量的值是当前登录的用户，如果用户尚未登录，则是一个匿名用户代理对象。如果-->
        <!--是匿名用户， is_authenticated() 方法返回 False 。所以这个方法可用来判断当前用户是否已经登录。-->
{% else %}
<a href="{{ url_for('auth.login') }}" class="zu-top-nav-userinfo" id="" data-toggle="">
<span class="name">
登录
</span>
</a>

{% endif %}

</div>

{% if current_user.can(Permission.MODERATE_ANSWERS) %}
<a href="{{ url_for('main.moderate') }}" class="zu-top-nav-userinfo" id="" data-toggle="">
<button class="zu-top-add-question" id="zu-top-add-question">
管理
</button>
</a>
{% endif %}

<a href="{{ url_for('main.askquestion') }}" class="zu-top-nav-userinfo" id="" data-toggle="">
<button class="zu-top-add-question" id="zu-top-add-question">
提问
</button>
</a>

<div role="search" id="zh-top-search" class="zu-top-search">
<form method="POST" action="{{ url_for('main.search') }}" id="zh-top-search-form" class="zu-top-search-form">

<input type="hidden" name="type" value="content">
<label for="q" class="hide-text">知乎搜索</label><input type="text" class="zu-top-search-input" id="q" name="q" autocomplete="off" value="" maxlength="100" placeholder="搜索你感兴趣的内容...">
<button type="submit" class="zu-top-search-button"><span class="hide-text">搜索</span><span class="sprite-global-icon-magnifier-dark"></span></button>
</form>
</div>

<div id="zg-top-nav" class="zu-top-nav">
<ul class="zu-top-nav-ul zg-clear">

<li class="zu-top-nav-li current" id="zh-top-nav-home">
<a class="zu-top-nav-link" href="/" id="zh-top-link-home" data-za-c="view_home" data-za-a="visit_home" data-za-l="top_navigation_home">首页</a>
</li>

{#<li class="top-nav-topic-selector zu-top-nav-li " id="zh-top-nav-topic">#}
{#<a class="zu-top-nav-link" href="/topic" id="top-nav-dd-topic">话题</a>#}
{#</li>#}
{##}
{#<li class="zu-top-nav-li" id="zh-top-nav-explore">#}
{#<a class="zu-top-nav-link" href="/explore">发现</a>#}
{#</li>#}
{##}
{#<li class="top-nav-noti zu-top-nav-li ">#}
{#<a class="zu-top-nav-link" href="javascript:;" id="zh-top-nav-count-wrap" role="button"><span class="mobi-arrow"></span>消息</a>#}
{#</li>#}

</ul>
<div class="zu-top-nav-live zu-noti7-popup zg-r5px no-hovercard" id="zh-top-nav-live-new" role="popup" tabindex="0">
<div class="zu-top-nav-live-inner zg-r5px">
<div class="zu-top-live-icon">&nbsp;</div>
<div class="zu-home-noti-inner" id="zh-top-nav-live-new-inner">
<div class="zm-noti7-popup-tab-container clearfix" tabindex="0">
<button class="zm-noti7-popup-tab-item message">
<span class="icon">消息</span>
</button>
<button class="zm-noti7-popup-tab-item user">
<span class="icon">用户</span>
</button>
<button class="zm-noti7-popup-tab-item thanks">
<span class="icon">赞同和感谢</span>
</button>
</div>
</div>
<div class="zm-noti7-frame-border top"></div>
<div class="zm-noti7-frame">
<div class="zm-noti7-content message">
<div class="zm-noti7-content-inner">
<div class="zm-noti7-content-body">
<div class="zm-noti7-popup-loading">
<span class="noti-spinner-loading"></span>
</div>
</div>
</div>
</div>
<div class="zm-noti7-content user" style="display:none;">
<div class="zm-noti7-content-inner">
<div class="zm-noti7-content-body">
<div class="zm-noti7-popup-loading">
<span class="noti-spinner-loading"></span>
</div>
</div>
</div>
</div>
<div class="zm-noti7-content thanks" style="display:none;">
<div class="zm-noti7-content-inner">
<div class="zm-noti7-content-body">
<div class="zm-noti7-popup-loading">
<span class="noti-spinner-loading"></span>
</div>
</div>
</div>
</div>
</div>
<div class="zm-noti7-frame-border bottom"></div>
<div class="zm-noti7-popup-footer">
<a href="/notifications" class="zm-noti7-popup-footer-all zg-right">查看全部 &raquo;</a>
<a href="/settings/notification" class="zm-noti7-popup-footer-set" title="通知设置" ><i class="zg-icon zg-icon-settings"></i></a>
</div>
</div>
</div>

</div>

</div>
</div>

<div class="zu-global-notify" id="zh-global-message" style="display:none">
<div class="zg-wrap">
<div class="zu-global-nitify-inner">
<a class="zu-global-notify-close" href="javascript:;" title="关闭" name="close">x</a>
<span class="zu-global-notify-icon"></span>
<span class="zu-global-notify-msg"></span>
</div>
</div>
</div>

    </div>
</div>
{% endblock %}

{% block content %}
<div class="container">
    {% for message in get_flashed_messages() %}
    <div class="alert alert-warning">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ message }}
    </div>
    {% endfor %}

<!--知乎正文部分-->
<div class="zg-wrap zu-main clearfix " role="main">
<div class="zu-main-content">
<div class="zu-main-content-inner">

<div class="explore-tab" id="js-explore-tab">

<div class="tab-panel" style="display: block;">
<!--知乎正文部分-->

{% block page_content %}{% endblock %}

<div class="tab-panel" style="display: none;">
<div data-type="monthly" data-zop-feedlist="">
</div>
</div>
</div>

</div>
</div>

{% block right_content %}{% endblock %}

</div>

</div>
{% endblock %}
</body>
